
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<style type="text/css">
.ui-widget, .ui-widget .ui-widget {
	font-size: 90% !important;
}
</style>
</h:head>
<h:body>
	<ui:composition template="masterLayout.xhtml">
		<ui:define name="metadata">
			<f:view>
				<f:metadata>
					<f:event listener="#{backLogin.verificarAccesoUsuarios}" type="preRenderView"></f:event>
				</f:metadata>
			</f:view>
		</ui:define>
		<ui:define name="contenido">
			<h:form id="form">
				<p:growl id="growl" autoUpdate="true" showDetail="true" />
				<p:panel id="tabla">
					<p:dataTable value="#{backUsuarios.usuarios}" var="usuario" rows="10" paginator="true">
						<p:column headerText="Codigo" style="width:20px;"> #{usuario.codigo} </p:column>
						
						<p:column headerText="DNI" style="width:20px;"> #{usuario.dni} </p:column>
						
						<p:column headerText="Nombres" style="width:45px;"> #{usuario.nombres} </p:column>

						<p:column headerText="A. paterno" style="width:50px;"> #{usuario.apellidoPaterno} </p:column>

						<p:column headerText="A. materno" style="width:50px;"> #{usuario.apellidoMaterno} </p:column>

						<p:column headerText="Email" style="width:120px;"> #{usuario.email} </p:column>

						<p:column headerText="Movil" style="width:50px;"> #{usuario.movil} </p:column>

						<p:column headerText="Usuario" style="width:45px;"> #{usuario.username} </p:column>

						<p:column headerText="Password" style="width:35px;"> ****** </p:column>

						<p:column headerText="Est" style="width:12px;"> #{usuario.estado eq 1 ? 'Activo' : 'Bloqueado'}</p:column>
						
						<p:column headerText="Perfil" style="width:40px;"> #{usuario.perfil.nombre}</p:column>
						
						<p:column headerText="Fecha Registro" style="width:115px;">  #{usuario.fechaRegistro} </p:column>
						
						<p:column headerText="Modificar" style="width:35px;">
							<p:commandButton icon="ui-icon-document" actionListener="#{backUsuarios.abrirDialogoModificar(usuario)}"
								update=":form" disabled="#{backLogin.usuario.perfil.nombre ne 'Administrador'}">
								<p:ajax event="dialogReturn" listener="#{backUsuarios.modificarUsuario}" update=":form" />
							</p:commandButton>
						</p:column>
						
						<p:column headerText="Eliminar" style="width:25px;">
							<p:commandButton onclick="PF('cd').show()" icon="ui-icon-trash"
								disabled="#{backLogin.usuario.perfil.nombre ne 'Administrador'}">
								<f:setPropertyActionListener value="#{usuario}" target="#{backUsuarios.usuarioActual}" />
							</p:commandButton>
						</p:column>
					</p:dataTable>

					<p:confirmDialog message="¿Esta seguro que desea eliminar el usuario?" header="Confirmacion"
						severity="alert" widgetVar="cd" icon="ui-icon-alert">
						<p:commandButton value="Si" actionListener="#{backUsuarios.eliminarUsuario()}" update="@form"
							oncomplete="PF('cd').hide()" />
						<p:commandButton value="No" onclick="PF('cd').hide();" type="button" />
					</p:confirmDialog>

					<f:facet name="footer">
						<p:commandButton value="Registrar" icon="ui-icon-document"
							disabled="#{backLogin.usuario.perfil.nombre ne 'Administrador'}"
							actionListener="#{backUsuarios.abrirDialogoRegistrar()}">
							<p:ajax event="dialogReturn" listener="#{backUsuarios.registrarUsuario}" update=":form" />
						</p:commandButton>
					</f:facet>
				</p:panel>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>
